﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/MasterPage.master" AutoEventWireup="true" CodeFile="VerNotificaciones.aspx.cs" Inherits="Pages_VerNotificaciones" %>


<asp:Content ID="contHead" runat="server" ContentPlaceHolderID="cphHead">
    <link href="../css/Buscar.css" rel="stylesheet" type="text/css" />
    <link href="../css/Home.css" rel="stylesheet" type="text/css" />
    <script src="../js/Funciones.js" type="text/javascript"></script>
</asp:Content>

<asp:Content ID="contBody" runat="server" ContentPlaceHolderID="cphContenido">
    <div class="container_12">

        <script type="text/javascript">
            var UsuarioId = '<%=Session["IdUsuario"]%>';
            var parametros = "{" + "'idUsuario':'" + UsuarioId + "'}";

            LlamarWebService("../Servicios/Usuario.asmx/BuscarNotificacionesVer", parametros, MostrarNotificaciones, FuncionFallo);

            function leerNotificacion(idUsuario, idNotificacion) {
                var parametros = "{'idNotificacion':'" + idNotificacion + "', 'idNotificado':'" + idUsuario + "'}";
                    LlamarWebService("../Servicios/Usuario.asmx/LeerNotificacion", parametros, function(){}, function(){});
                    $('#marcar' + idNotificacion).slideUp();
                    var notificacionesNoLeidas = $('#noLeidas').val();
                    notificacionesNoLeidas--;
                    $('#noLeidas').val(notificacionesNoLeidas);
                    if (notificacionesNoLeidas != 0)
                        $('#notificaciones').text('Notificaciones(' + notificacionesNoLeidas + ')');
                    else {
                        ('#notificaciones').text('Notificaciones');
                    }
            }
            

            function htmlVerNotificacion(notificacion) {
                var html= '<div id="notificacion' + notificacion.IdNotificacion + '" class="notificacionVer">' +
                          '<div class="notificacionFoto"><img class="foto-post" src="' + notificacion.Usuario.urlFotoPerfil + '" alt="foto-perfil"></div>' +
                          '<div class="notificacionTexto"><span class="texto-notificacion"><a class="userLink" href="VerUsuario.aspx?idUsuario=' + notificacion.Usuario.IdUsuario + '"><b>' + notificacion.Usuario.Nombre + ' ' + notificacion.Usuario.Apellido + '</b></a>';
                          
                if(notificacion.CodigoEvento == EVENTO_SEGUIMIENTO) {
                    html += ' te esta siguiendo.</span></div>';
                }else {
                    html += ' comentó el post ' + '<a href="VerPost.aspx?postId=' + notificacion.Post.Id + '&usuarioId=' + notificacion.Post.IdCreador.IdUsuario + '">' + notificacion.Post.Titulo + '</a></span></div>';
                }

                html += '<div class="notificacionMarcar">' +
                            (notificacion.Leida != 'True' ? ('<input id="marcar' + notificacion.IdNotificacion + '" class ="butoon recuadro butoonSeguir" type="button" value="Marcar como leída" onclick="leerNotificacion(<%=Session["IdUsuario"]%>, ' + notificacion.IdNotificacion + ');"/>') : '') +
                          '</div>' +
                      '</div>';

                return html;
            }

            function MostrarNotificaciones(notificaciones) {
                $('#loaderDiv').slideUp();
                $("#Resultados").empty();
                $.each(notificaciones, function (index, notificacion) {
                    $(htmlVerNotificacion(notificacion)).appendTo('#Resultados');
                });
                return false;
            }
        </script>

	    <div class="grid_12 separacion"></div>
		<div id="Filtros" class="alpha grid_11 ContenidoPagina">
            <div id="CabeceraFiltros" class="alpha grid_5 omega"><h2>Notificaciones</h2></div>
            <div class="clear"></div>
            <div class="Linea"></div>
            <div class="grid_12 separacion"></div>
        </div>
        <div class="grid_12 separacion"></div>
		<div id="Resultados" class="alpha grid_11 ContenidoPagina omega">
            <div id="loaderDiv" ><img id="loaderLarge" alt="loader" src="../Images/ajax-loader-large.gif" /></div>
        </div>        
	</div>    
</asp:Content>

